{{ content() }}
<div id="main1">
    <div class="outer_profile">

        <div class="content_left">
            <div class="outterAva">
                <div class="boxAva">
                    <a href="">
                        <img height="48" src="{{url('public/img/bookprofile.jpg')}}" width="148"></a></div>
                <p style="text-align:center">{{userfullname}}</p>                  
            </div>
            <div class="menuTT1">
                <a href="{{url('profile')}}">Thông tin cá nhân</a>
            </div>           
            <div class="menuTT2">
                <a href="{{url('downhistory')}}">Lịch sử Download</a>
            </div>
            <div class="menuTT2">
                <a href="{{url('uploadhistory')}}">Lịch sử Upload</a>
            </div>
            <div class="menuTT3">
                <a href="{{url('recharge')}}">Nạp tiền</a>
            </div>
            <div class="menuTT3">
                <a href="{{url('exchange')}}">Lịch sử giao dịch</a>
            </div>
           
        </div>
        <div class="content_right">
            <div id="mainInfo">
                <div class="topRight">
                    <span class="exchange">Lịch sử Giao dịch</span>
                </div>
                <div class="fright_pagination">
                    {{elements.frontPaginator(transactions,'searchForm')}}
                </div>
                <div class="total">
                    Tổng số tiền:<span> {{total~' '}}Xu</span> Tổng số
                    giao dịch: <span>{{transactions.total_items}}</span>
                </div>
                {% for transaction in transactions.items %}
                <div class="history">
                    <p class="datetime">
                        Ngày: <span>{{transaction.date}}</span></p>
                    <p>
                        {% if(transaction.type == 'Thẻ cào điện thoại') %}
                        Đầu vào: <span>{{transaction.money}} vnd</span>
                        {% else %}
                        Đầu vào: <span>{{transaction.money}} epoints</span>
                        {% endif %}
                        Thay đổi tài khoản: <span>{{transaction.balance_change}} xu</span>
                        Loại giao dịch: <span>{{transaction.type}}</span>
                    </p>
                </div>
                {% endfor %}
            </div>
        </div>

    </div>